<template>
    <div>
       
        <el-container>
        <el-header>
            <Commonheader />
        </el-header>
            <el-container>
                <el-aside width="200px">
                    <Commonaside />  
                    <!-- 只能写组件名字 -->
                </el-aside>
            <el-container>
                <el-main>
                    
                    <!-- 路由出口 -->
                    <!-- 路由匹配到的组件将渲染在这里 -->
                    <router-view></router-view>
                </el-main>
                <el-footer></el-footer> <!--底部内容区-->
            </el-container>
            </el-container>
        </el-container>
    </div>
</template>

<script>
import Commonaside from '../components/Commonaside.vue';//引入组件
import Commonheader from '../components/Commonheader.vue';

export default {
    data(){
        return{

        }
    },
    components:{
        Commonaside,
        Commonheader
    }//引入组件
}
</script>

<style >

</style>